---
layout: page
---

{{ content }}

<!--原来的-->
<!--{% assign posts = paginator.posts | default: site.posts %}-->
<!--新的，增加置顶功能-->

<!--{% assign pinned = site.posts | where: "pin", "true" %}-->
{% assign pinned = "" | split: "" %}
{% assign notPinned = "" | split: "" %}
{% assign posts = "" | split: "" %}

{% for post in site.posts %}
    {% if post.pin == true and post.categories contains 'app'  %}
    {% assign pinned = pinned | push: post %}
    {% endif %}

    {% if post.pin != true and post.categories contains 'app'  %}
    {% assign notPinned = notPinned | push: post %}
    {% endif %}
{% endfor %}


{% for post in pinned %}
  {% assign posts = posts | push: post %}
{% endfor %}

{% for post in notPinned %}
  {% assign posts = posts | push: post %}
{% endfor %}


<!-- role="list" needed so that `list-style: none` in Safari doesn't remove the list semantics -->
<ul class="posts-list list-unstyled" role="list">
  {% for post in posts %}
  <li class="post-preview">
    <article>

      {%- capture thumbnail -%}
        {% if post.thumbnail-img %}
          {{ post.thumbnail-img }}
        {% elsif post.cover-img %}
          {% if post.cover-img.first %}
            {{ post.cover-img[0].first.first }}
          {% else %}
            {{ post.cover-img }}
          {% endif %}
        {% else %}
        {% endif %}
      {% endcapture %}
      {% assign thumbnail=thumbnail | strip %}

      {% if site.feed_show_excerpt == false %}
      {% if thumbnail != "" %}
      <div class="post-image post-image-normal">
        <a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
          <img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
        </a>
      </div>
      {% endif %}
      {% endif %}

      <a href="{{ post.url | absolute_url }}">
        <h2 class="post-title">{{ post.title | strip_html }}</h2>

<!--        {% if post.subtitle %}-->
<!--          <h3 class="post-subtitle">-->
<!--          {{ post.subtitle | strip_html }}-->
<!--          </h3>-->
<!--        {% endif %}-->
      </a>

      {% if thumbnail != "" %}
      <div class="post-image post-image-small">
        <a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
          <img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
        </a>
      </div>
      {% endif %}

      {% unless site.feed_show_excerpt == false %}
      {% if thumbnail != "" %}
      <div class="post-image post-image-short">
        <a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
          <img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
        </a>
      </div>
      {% endif %}

      <div class="post-entry">
        {% assign excerpt_length = site.excerpt_length | default: 50 %}
        {{ post.excerpt | strip_html | truncatewords: excerpt_length }}
        {% assign excerpt_word_count = post.excerpt | number_of_words %}
        {% if post.content != post.excerpt or excerpt_word_count > excerpt_length %}
<!--          <a href="{{ post.url | absolute_url }}" class="post-read-more">[Read&nbsp;More]</a>-->
        {% endif %}
      </div>
      {% endunless %}
      
      <div class="blog-tags text-muted d-flex justify-content-flex-start">

        <div class="blog-time">
          <!-- posted date -->
          <i class="fas fa-clock fa-fw"></i>
          {% assign date_format = site.date_format | default: "%B %-d, %Y" %}
           {{ post.date | date: date_format }}
        </div>
        
        {% if site.feed_show_tags != false and post.tags.size > 0 %}
        <div class="tags">
            <i class="fas fa-bookmark fa-fw"></i>
          <!-- role="list" needed so that `list-style: none` in Safari doesn't remove the list semantics -->
          <ul class="d-inline list-inline" role="list">
            {% for tag in post.tags %}
            <li class="list-inline-item list-inline-item-tag">
              <a href="{{ '/tags' | absolute_url }}#{{- tag -}}">{{- tag -}}</a>
            </li>
            {% endfor %}
          </ul>
        </div>
        {% endif %}

        {% if post.pin %}
        <div class="pin">
          <i class="fas fa-thumbtack fa-fw"></i>
          <span>Pinned</span>
        </div>
        {% endif %}

      </div> <!-- .post-meta -->
    </article>
  </li>
  {% endfor %}
</ul>

{% if paginator.total_pages > 1 %}
<ul class="pagination main-pager">
  {% if paginator.previous_page %}
  <li class="page-item previous">
    <a class="page-link" href="{{ paginator.previous_page_path | absolute_url }}">&larr; Newer Posts</a>
  </li>
  {% endif %}
  {% if paginator.next_page %}
  <li class="page-item next">
    <a class="page-link" href="{{ paginator.next_page_path | absolute_url }}">Older Posts &rarr;</a>
  </li>
  {% endif %}
</ul>
{% endif %}
